@charset "UTF-8";
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;}
html {font-size: 62.5%;}
body {font: 12px/1.3 calibri,Arial,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;color: #333;background-color: #fff;}
a{text-decoration: none;cursor:pointer;}
ul, li {list-style-type: none;}
input{outline: none;}
textarea{outline: none;resize:none}
.clearfix:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.typeArea{width: 1560px;margin: 0 auto;position: relative}
.typeArea2{width: 1280px;margin: 0 auto;position: relative}

h1,h2,h3,h4{font-size:12px; font-weight:normal}
.hide{display: none!important;}
.show{display: block!important;}
.borderNone{border:none!important;}
.flex{display: flex!important;}
.op1{opacity:1 !important;}
.ofv{overflow: visible!important;}
.op0{opacity:0 !important;}
.c0{color:#000 !important;}
.c3{color:#333 !important;}
.c6{color:#666 !important;}
.c9{color:#999 !important;}
.f{color:#fff !important;}
.c{color:#ccc !important;}
.e{color:#eee !important;}
.b{font-weight: bold !important;}
.f22{font-size:22px !important;}
.f20{font-size:20px !important;}
.f18{font-size:18px !important;}
.f16{font-size:16px !important;}
.f14{font-size:14px !important;}
.f12{font-size:12px !important;}
/*换行*/
.br::after{content: "\A";white-space: pre;}
.br2::after{content: "\A\A";white-space: pre;}
.br3::after{content: "\A\A\A";white-space: pre;}
.br4::after{content: "\A\A\A\A";white-space: pre;}
/* 图片放大 */
.imgContain {overflow: hidden;}
.imgContain>img {width:100%;transition: all .5s;transform: scale(1);display: block;}
.imgContain:hover>img{transform: scale(1.05);}
/* 背景填充 */
.bgFull{position: relative;overflow: hidden;z-index: 3;transition:all .5s;}
.bgFull:hover{color:#fff}
.bgFull:hover:after{width:130%}
.bgFull:after{content:"";width:0;font-size:12px;display:block;height:130%;line-height:30px;text-align:center;box-sizing:border-box;border:1px solid #333;cursor:pointer;position:absolute;left:-15%;top:-15%;background:#e60011;transition:all .5s;z-index:-1}
/* 玻璃 */
.glass{position:relative;overflow:hidden}
.glass:after{position:absolute;left:-100%;top:0;width:30%;height:100%;content:"";background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transform:skewX(-45deg)}
.glass:hover:after{left:150%;transition:1s ease}
/* 省略号 */
.dh{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;box-sizing: border-box;}
.dh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;box-sizing: border-box;}
.dh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;box-sizing: border-box;}
.dh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;box-sizing: border-box;}
/* 弹框 */
#previewPic{width:100vw;height:100vh;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:100}
#previewPic>img{width:30%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
#previewPic>img.close{width:40px;height:40px;position:absolute;top:0;left:45%;right:0;bottom:0;margin:auto}
 @media (max-width:789px){#previewPic>img{width:60%;}#previewPic>img.close{top: 66%;left:0;}}
/* 背景渐渐变大 */
@keyframes mymove
{
    0%   {transform: scale(1)}
    50%  {transform: scale(1.2)}
    100% {transform: scale(1)}
}
/*左右摆动*/
@keyframes swing
{
    0%   {left:25px;}
    50%  {left:-25px;}
    100% {left:25px;}
}
/* animation:mymove 100s infinite; */

/* 12 20    14 35    */


@media (min-width:2550px){}
@media (max-width:1930px){}
@media (max-width:1690px){}
@media (max-width:1660px){
    .typeArea{width:100%;box-sizing: border-box;padding: 0 5%;}
}
@media (max-width:1610px){}
@media (max-width:1460px){}
@media(max-width:1399px){
}
@media (max-width:1410px){}
@media (max-width:1290px){}
@media (max-width:1034px){}
@media (max-width:810px){}
@media (max-width:789px){}